Vue.component('one', {
    template: '#tmp1',
    mounted() {
        $(document).ready(function () {
            $("#one").addClass("aBorder");
            // 通过切换类，来设置单个订单的选中和未选中状态
            $(".imgContainerG").click(function () {
                $(this).toggleClass("imgContainerR");
            });
            // 设置在文字过多时使用省略号代替
            var pText = $(".rightContentLeft > p");
            for (var i = 0; i < pText.length; i++) {
                if (pText[i].innerHTML.length > 40) {
                    console.log(pText[i].innerHTML.length);
                    pText[i].innerHTML = pText[i].innerHTML.slice(0,40) + "......";
                }
            }
        });
    },
    destroyed() {
        $("#one").removeClass("aBorder");
    },
});
Vue.component('two', {
    template: '#tmp2',
    mounted() {
        $(document).ready(function () {
            $("#two").addClass("aBorder");
            // 通过切换类，来设置单个订单的选中和未选中状态
            $(".imgContainerG").click(function () {
                $(this).toggleClass("imgContainerR");
            });
            // 设置在文字过多时使用省略号代替
            var pText = $(".rightContentLeft > p");
            for (var i = 0; i < pText.length; i++) {
                if (pText[i].innerHTML.length > 40) {
                    console.log(pText[i].innerHTML.length);
                    pText[i].innerHTML = pText[i].innerHTML.slice(0,40) + "......";
                }
            }
        });
    },
    destroyed() {
        $("#two").removeClass("aBorder");
    },
});
Vue.component('three', {
    template: '#tmp3',
    mounted() {
        $(document).ready(function () {
            $("#three").addClass("aBorder");
            // 通过切换类，来设置单个订单的选中和未选中状态
            $(".imgContainerG").click(function () {
                $(this).toggleClass("imgContainerR");
            });
            // 设置在文字过多时使用省略号代替
            var pText = $(".rightContentLeft > p");
            for (var i = 0; i < pText.length; i++) {
                if (pText[i].innerHTML.length > 40) {
                    console.log(pText[i].innerHTML.length);
                    pText[i].innerHTML = pText[i].innerHTML.slice(0,40) + "......";
                }
            }
        });
    },
    destroyed() {
        $("#three").removeClass("aBorder");
    },
});
Vue.component('four', {
    template: '#tmp4',
    mounted() {
        $(document).ready(function () {
            $("#four").addClass("aBorder");
            // 通过切换类，来设置单个订单的选中和未选中状态
            $(".imgContainerG").click(function () {
                $(this).toggleClass("imgContainerR");
            });
            // 设置在文字过多时使用省略号代替
            var pText = $(".rightContentLeft > p");
            for (var i = 0; i < pText.length; i++) {
                if (pText[i].innerHTML.length > 40) {
                    console.log(pText[i].innerHTML.length);
                    pText[i].innerHTML = pText[i].innerHTML.slice(0,40) + "......";
                }
            }
        });
    },
    destroyed() {
        $("#four").removeClass("aBorder");
    },
});
Vue.component('five', {
    template: '#tmp5',
    mounted() {
        $(document).ready(function () {
            $("#five").addClass("aBorder");
            // 通过切换类，来设置单个订单的选中和未选中状态
            $(".imgContainerG").click(function () {
                $(this).toggleClass("imgContainerR");
            });
            // 设置在文字过多时使用省略号代替
            var pText = $(".rightContentLeft > p");
            for (var i = 0; i < pText.length; i++) {
                if (pText[i].innerHTML.length > 40) {
                    console.log(pText[i].innerHTML.length);
                    pText[i].innerHTML = pText[i].innerHTML.slice(0,40) + "......";
                }
            }
        });
    },
    destroyed() {
        $("#five").removeClass("aBorder");
    },
});
Vue.component('six', {
    template: '#tmp6',
    mounted() {
        $(document).ready(function () {
            $("#six").addClass("aBorder");
            // 通过切换类，来设置单个订单的选中和未选中状态
            $(".imgContainerG").click(function () {
                $(this).toggleClass("imgContainerR");
            });
            // 设置在文字过多时使用省略号代替
            var pText = $(".rightContentLeft > p");
            for (var i = 0; i < pText.length; i++) {
                if (pText[i].innerHTML.length > 40) {
                    console.log(pText[i].innerHTML.length);
                    pText[i].innerHTML = pText[i].innerHTML.slice(0,40) + "......";
                }
            }
        });
    },
    destroyed() {
        $("#six").removeClass("aBorder");
    },
});
var vm = new Vue({
    el: "#app",
    data: {
        type_id: 0,
        out_cost:0,
        page: 1,//当前页数
        limit: 10,//限制条数
        render_list: [],
        isLoading: false,//上拉刷新时加载中
        myloadding: false,//切换时加载中
        list_loading: false,//上拉加载的加载中
        list_finished: false,//上拉加载完成,没有更多数据时
        lock: false,
    },
    created:function(){
        this.init();
    },
    methods: {
        init: function () {
            this.open_lock();
            function suc() {          
            }
            function err() {
            }
            this.get_list(suc, err);
        },
        // 选择顶部栏
        chooseTab: function (id) {
            this.type_id = id;
            var that = this;
            // 更新列表
            this.page = 1;
            this.render_list = [];
            this.myloadding = true;
            this.get_list(suc, err);
            app.toastLoading('加载中');
            function suc() {
                that.myloadding = false;
                that.list_finished = false;
                that.list_finished = false;
                app.toastClear();
            }
            function err() {
                that.myloadding = false;
                that.list_finished = false;
                that.list_finished = false;
                app.toastClear();
            }
            this.$forceUpdate();
        },
        // 获取列表
        get_list: function (suc, err) {
            var that = this;
            var data = {
                page: that.page,
                limit: that.limit,
            }
            if (that.type_id != '') {
                data.status = that.type_id;
            }
            $.post(app.webUrl + '/view/api_card/buy_order_lists', data, function (ret) {
                if (ret.code == '1') {
                    console.log(ret.data);
                    ret.data.data.forEach(function (item) {
                        that.render_list.push(item);
                    });
                    that.page++;
                    // 成功的回掉函数
                    if (typeof suc == 'function') {
                        suc(ret);
                    }
                }
                else if (ret.code == '0') {
                    // 无数据的回掉函数
                    if (typeof suc == 'function') {
                        suc(ret);
                    }
                } else {
                    if (typeof err == 'function') {
                        // 失败的回掉函数
                        err(ret);
                    }
                }
            }).fail(function (err) {
                err();
            })
        },
        // 下拉刷新
        onRefresh: function () {
            var that = this;
            that.lock = false;
            that.page = 1;
            that.render_list = [];
            this.get_list(suc, err);
            function suc() {
                vant.Toast('刷新成功');
                that.isLoading = false;
                that.list_finished = false;
                that.list_finished = false;
                that.open_lock();
            }
            function err() {
                vant.Toast('刷新失败');
                that.isLoading = false;
                that.list_finished = false;
                that.list_finished = false;
            }
        },
        // 上拉加载,jiaye
        onLoad: function () {
            var that = this;
            if (!that.lock) {
                that.list_loading = false;
                return;
            }
            this.get_list(suc, err);
            //
            function suc(ret) {
                // 加载状态结束
                that.list_loading = false;
                if (ret.code== "0") {
                    that.list_finished = true;
                }
            }
            //
            function err(ret) {
                // 加载状态结束
                that.list_loading = false;
            }
        },
        // 打开lock
        open_lock: function () {
            var that = this;
            // 设一个延迟
            setTimeout(function () {
                that.lock = true;
            }, 1000)
        },
        //跳转聊天
        link_msg:function(){
            window.location.href="{:url('card/Message/yonghu')}";
        },
    },
});



$(document).ready(function () {
    // 设置选中和未选中的状态
    var classflag = true;
    $(".chooseAllItems").click(function () {
        $(".chooseAllItems").toggleClass("chooseAllItemsBgc");
        console.log($(".imgContainerG").attr("class"));
        if (classflag) {
            $(".imgContainerG").addClass("imgContainerR");
            classflag = false;
        } else {
            $(".imgContainerG").removeClass("imgContainerR");
            classflag = true;
        }
    });
});